<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="/static_index/css/global.css">
    <link rel="stylesheet" href="/static_index/css/index.css">
    <script src="/static_index/js/layui.js" charset="utf-8"></script>
    <link rel="stylesheet" href="/static_index/js/css/layui.css" media="all">
    <script src="/static_index/js/global/jquery-3.2.1.min.js" charset="utf-8"></script>
    <link rel="stylesheet" href="/static_index/css/swiper.min.css">
    <script src="/static_index/js/swiper.min.js"></script>
    <link rel="stylesheet" href="/static_index/css/style.min.css">
    <script src="static/js/jquery-1.11.3.min.js"></script>
</head>
<style>
    iframe{
        display: none;
    }
    iframe:nth-of-type(1){
        display: block;
    }
    iframe{
        width: 100%;
        height: 1000px;
    }
</style>
<body>

<div class="div1">
    <p>青枫</p>
    <button>商城首页</button>
    <button>商品列表</button>
    <button>商品详情页</button>
    <button>店铺优惠券</button>
    <button>确认订单信息-现货</button>
    <button>确认订单信息-预售</button>
    <button>确认订单信息-客户修改后</button>
    <p>桓桓</p>
    <button>支付宝支付</button>
    <button>微信支付</button>
    <button>银行卡支付</button>
    <button>店铺主页</button>
    <button>营业执照照片</button>
    <button>产品详情</button>
    <button>我的购物车</button>
    <button>投诉</button>
    <button>提货人信息</button>
    <button>提货单</button>
    <button>提货单copy</button> 
</div>
<br>
<div class="div2">
    <iframe src="" frameborder="0"></iframe>
    <iframe src="index.html" frameborder="0"></iframe>
    <iframe src="productList.html" frameborder="0"></iframe>
    <iframe src="productDetails.html" frameborder="0"></iframe>
    <iframe src="discountCoupon.html" frameborder="0"></iframe>
    <iframe src="confirmOrder .html" frameborder="0"></iframe>
    <iframe src="confirmPresell.html" frameborder="0"></iframe>
    <iframe src="confirmPresellClient.html" frameborder="0"></iframe>
    <iframe src="" frameborder="0"></iframe>
    <iframe src="alipay.html" frameborder="0"></iframe>
    <iframe src="weChat.html" frameborder="0"></iframe>
    <iframe src="payBankCard.html" frameborder="0"></iframe>
    <iframe src="storeHome.html" frameborder="0"></iframe>
    <iframe src="businessLicense.html" frameborder="0"></iframe>
    <iframe src="productDetails.html" frameborder="0"></iframe>
    <iframe src="myShoppingCar.html" frameborder="0"></iframe>
    <iframe src="complaint.html" frameborder="0"></iframe>
    <iframe src="consignee.html" frameborder="0"></iframe>
    <iframe src="deliveryOrder.html" frameborder="0"></iframe>
    <iframe src="deliveryOrderCopy.html" frameborder="0"></iframe>    
</div>


</body>
<script type="text/javascript">
$(".div1>button").click(function(){
    var _index = $(this).index();
    $(".div2>iframe").eq(_index).show().siblings().hide();
});
</script>
</html>

